<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/templates/general.xhtml">
        
        <ui:define name="title"><h:outputText value="Administration" /></ui:define>
        
        <ui:define name="content">
        <h:form id="form">
        
	        <p:growl id="growl" showDetail="false" life="3000" autoUpdate="true" />

            <div class="content">
                <ul class="ca-menu">
                    <li>
                        <h:commandLink id="usersLink" action="users">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/user-group-icon.png" width="100" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Users</h2>
                                <h3 class="ca-sub">Create or edit users</h3>
                            </div>
                        </h:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="companiesLink" action="companies">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/company.png" width="100" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Companies</h2>
                                <h3 class="ca-sub">Create or edit companies</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="productsLink" action="products">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/products-icon.gif" width="100" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Products</h2>
                                <h3 class="ca-sub">Manage products</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="termsLink" action="terms">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/delivery-terms-icon.png" width="100" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Delivery Terms</h2>
                                <h3 class="ca-sub">Restrict delivery terms</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="countriesLink" action="countries">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/countries.png" width="100" /></span>
                            <div class="ca-content" style="top:45%;">
                                <h2 class="ca-main">Invoice Categories</h2>
                                <h3 class="ca-sub">Group invoices by categories</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="personsLink" action="persons">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/salesman.png" width="70" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Persons</h2>
                                <h3 class="ca-sub">Create or edit involved persons</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="categoriesLink" action="categories" actionListener="#{administrationBean.clearFields}">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/categories.png" width="180" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Product Categories</h2>
                                <h3 class="ca-sub">Categorize products</h3>
                            </div>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink id="stockLink" action="stock" actionListener="#{administrationBean.clearFields}">
                            <span class="ca-icon"><p:graphicImage styleClass="ca-icon-image" style="margin-top: 20px;" url="/images/stock.png" width="100" /></span>
                            <div class="ca-content">
                                <h2 class="ca-main">Stock</h2>
                                <h3 class="ca-sub">Organize stock products</h3>
                            </div>
                        </p:commandLink>
                    </li>
                </ul>
            </div><!-- content -->

        </h:form>
        </ui:define>
        
</ui:composition>